<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>堆糖,美好生活研究所</title>
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <header>
        <div class="iner clearfix">
            <div class="header-one clearfix">
                <div class="header-l">
                    <img src="img/logo.png" alt="">
                </div>
                <div class="header-m">
                    <div class="a clearfix">
                        <span>分类</span>
                        <img src="img/jian.png" alt="">
                    </div>
                </div>
                <div class="header-r">
                    <input type="text" placeholder="搜索感兴趣的内容"><a href=""><img src="img/input-sou.png" alt=""></a>
                </div>
            </div>
            <div class="header-two">
                <a href="" class="asd1">堆糖生活家</a>
                <a href="" class="asd2">登录/注册</a>
            </div>
        </div>
    </header>
    <nav>
        <div class="iner">
            <img src="img/nav.png" alt="">
        </div>
    </nav>
    <div class="banner">
        <div class="iner clearfix">
            <div class="banner-l">
                <img src="img/banner1.png" alt="">
            </div>
            <div class="banner-r">
                <div class="b1">
                    <h3>社区热点</h3>
                </div>
                <div class="b2">
                    <div class="b2-1">
                        <a href="">欧美风</a>
                        <a href="">美甲</a>
                        <a href="">东宫</a>
                    </div>
                    <div class="b2-2">
                        <a href="">张云雷</a>
                        <a href="">插画</a>
                        <a href="">女生节</a>
                    </div>
                    <div class="b2-3">
                        <a href="">阿丽塔</a>
                        <a href="">猫</a>
                    </div>
                </div>
                <div class="b3">
                    <div class="b3-t">
                        <a href="">
                        <span class="t1">精选</span><span class="t2">招募 ● 少女感养成...</span>
                        </a>
                    </div>
                    <div class="b3-b">
                        <a href="">
                            <span class="t1">工具</span><span class=t2>堆糖收图小助手</span>
                        </a>
                    </div>
                </div>
                <div class="b4 clearfix">
                    <div class="b4-l">
                        <img src="img/banner-r.png" alt="">
                    </div>
                    <div class="b4-r">
                        <p class="p1">堆糖 - 美好生活研究所</p>
                        <p class="p2">最佳生活类应用</p>
                        <button>立即下载</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section>
        <div class="iner clearfix">
            <div class="section-l">
                <div class="s-l1 clearfix">
                    <a href="" class="a1">
                        <img src="img/section-l1.png" alt=""><span>每日精选</span>
                    </a>
                </div>
                <div class="s-l2">
                    <a href="">关注动态</a>
                </div>
            </div>
            <div class="section-m">
                <div class="s1-m1">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/section-m1.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">堆糖小喇叭</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">留下壁纸，我们就是朋友！</p>
                                <img src="img/qw1.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1 clearfix">
                                <img src="img/qw2.png" alt="">
                                <span>140</span>
                            </div>
                            <div class="he2-2 clearfix">
                                <img src="img/qw2-1.png" alt="">
                                <span>219</span>
                            </div>
                            <div class="he2-3 clearfix">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s1-m2">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/a1.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">coloroom彩条屋</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">让观众苦等十年的《夏目友人帐》，到底是什么？</p>
                                <img src="img/a2.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>1228</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>1581</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s1-m3">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/a3.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">美少女PINK酱</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要链接！</p>
                                <img src="img/a4.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>161</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>765</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s1-m4">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/a5.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">-你是我全世界最喜欢的猪-</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">有哪些适合摘抄的文艺且悲凉的句子？</p>
                                <img src="img/a6.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>82</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>274</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s1-m5">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/a7.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">干脆面炼金术士</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">人生的意义，在于一天比一天获得快乐</p>
                                <img src="img/a8.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>54</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>104</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s1-m6">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/section-m1.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">堆糖小喇叭</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">我曾为你动过情</p>
                                <img src="img/a9.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>300</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>665</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s1-m7">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/a5.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">-你是我全世界最喜欢的猪-</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">登上79所高校学生借阅排行榜的九本书。</p>
                                <img src="img/a0.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>59</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>151</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s1-m8">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/b1.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">情写风月</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">799风景内侧美化包</p>
                                <img src="img/b2.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>35</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>22</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s1-m9">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/b3.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">审</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">火影你们粉谁 留名我去截头像！</p>
                                <img src="img/b4.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>9</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>1</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s1-m0">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/a3.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">美少女PINK酱</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">初春外套美炸天！！第一件闺蜜追着我要链接！！</p>
                                <img src="img/b5.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>57</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>126</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s2-m1">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/b6.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">少女感养成学院</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">同桌的你</p>
                                <img src="img/b7.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>89</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>106</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s2-m2">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/section-m1.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">堆糖小喇叭</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">我的CP真香！</p>
                                <img src="img/b8.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>91</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>107</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s2-m3">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/b9.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">白日做梦大熊</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">当女生也太太太太不容易了</p>
                                <img src="img/b0.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>78</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>76</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s2-m4">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/a5.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">-你是我全世界最喜欢的猪-</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">有什么好看 指的回味的爱情电影？</p>
                                <img src="img/c1.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>80</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>93</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s2-m5">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/c2.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">堆糖Class小助手</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">伴随一生的「少女感」，拥有它一点都不难</p>
                                <img src="img/c3.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>34</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>41</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s2-m6">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/c4.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">飞乐鸟</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">女生千万别看这些言情小说......不然会被里面的沙雕桥段给</p>
                                <img src="img/c5.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>68</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>63</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s2-m7">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/a3.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">美少女PINK酱</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">7个私藏的肖总APP，使用有bigger，用过三款我输！</p>
                                <img src="img/c6.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>139</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>461</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s2-m8">
                    <div class="he-da">
                        <div class="he1">
                            <div class="qw1 clearfix">
                                <div class="qw1-1">
                                    <a href=""><img src="img/a5.png" alt=""></a>
                                </div>
                                <div class="qw1-2">
                                    <p class="p1">-你是我全世界最喜欢的猪-</p>
                                    <p class="p2">热门内容</p>
                                </div>
                            </div>
                            <div class="qw2">
                                <p class="p3">中国最全的拨弦 击弦乐器合集 种类十分多 涨姿势了。</p>
                                <img src="img/c7.png" alt="">
                            </div>
                        </div>
                        <div class="he2">
                            <div class="he2-1">
                                <img src="img/qw2.png" alt="">
                                <span>42</span>
                            </div>
                            <div class="he2-2">
                                <img src="img/qw2-1.png" alt="">
                                <span>71</span>
                            </div>
                            <div class="he2-3">
                                <img src="img/qw2-2.png" alt="">
                                <span>更多</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="s2-m9">
                    <a href="" class="clearfix"><span>查看更多</span><img src="img/jian2.png" alt=""></a>
                </div>
            </div>
            <div class="section-r">
                <div class="tion-1 clearfix">
                    <h3>推荐关注</h3>
                    <span>换一批</span>
                </div>
                <div class="tion-2">
                    <div class="dui1 clearfix">
                        <img src="img/section-r1.png" alt="">
                        <div class="tang1">
                            <h4>一望损莓苔</h4>
                            <p>擅长领域:手工,园艺</p>
                        </div>
                        <button>关注</button>
                    </div>
                    <div class="dui2 clearfix">
                        <img src="img/section-r2.png" alt="">
                        <div class="tang1">
                            <h4>猫头鹰叔叔</h4>
                            <p>擅长领域:摄影</p>
                        </div>
                        <button>关注</button>
                    </div>
                    <div class="dui3 clearfix">
                        <img src="img/section-r3.png" alt="">
                        <div class="tang1">
                            <h4>兔纸鱼</h4>
                            <p>擅长领域:Q版</p>
                        </div>
                        <button>关注</button>
                    </div>
                    <div class="dui4 clearfix">
                        <img src="img/section-r4.png" alt="">
                        <div class="tang1">
                            <h4>小熊奶黄包</h4>
                            <p>擅长领域:壁纸,Q版</p>
                        </div>
                        <button>关注</button>
                    </div>
                </div>
                <div class="tion-3">
                    <a href="" class="t-3">
                        <span>查看更多</span><img src="img/jian3.png" alt="">
                    </a>
                </div>
            </div>
            <div class="section-b">
                <div class="tion-4">
                    <img src="img/section-r-b.png" alt="">
                </div>
            </div>

        </div>
    </section>
    <footer>
        <div class="container">
            <div class="footer-t clearfix">
                <div class="dwh1">
                    <div class="footer1">
                        <p class="bi2">APP下载</p>
                        <img src="img/footer1.png" alt="">
                        <p class="bi3">扫描二维码</p>
                        <p class="bi1">下载堆糖手机客户端</p>
                    </div>
                </div>
                <div class="dwh2 clearfix">
                    <div class="footer2">
                        <ul>
                            <li><h3>关于我们</h3></li>
                            <li class="li1"><a href="">关于我们</a></li>
                            <li class="li1"><a href="">加入我们</a></li>
                            <li class="li1"><a href="">联系我们</a></li>
                            <li><a href="">商务合作</a></li>
                        </ul>
                    </div>
                    <div class="footer3">
                        <ul>
                            <li><h3>关注我们</h3></li>
                            <li class="li1"><a href="">新浪微博</a></li>
                            <li><a href="">微信公众号</a></li>
                        </ul>
                    </div>
                    <div class="footer4">
                        <ul>
                            <li><h3>友情链接</h3></li>
                            <li class="li1"><a href="">爱物网</a></li>
                            <li class="li1"><a href="">东方女性网</a></li>
                            <li class="li1"><a href="">肉丁网</a></li>
                            <li><a href="">更多...</a></li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="footer-b">
                <p class="ha1">&copy;2019 duitang.com 版权所有。泸ICP备10038086号_3 <img src="img/footer2.png" alt="" class="img1"><img src="img/footer3.png" alt="" class="img2"> | 增值电信业务经营许可证：浙B2-20180610 自营经营者信息</p>
                <p class="ha2"><img src="img/footer4.png" alt="">上海市互联网违法和不良信息举报中心 | 有害内容举报电话：021_63462282</p>
            </div>
        </div>
    </footer>
    <div id="fh">
        <img src="img/fhdb.png" alt="">
    </div>
</body>
<script src="js/script.js"></script>
</html>